<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<title>评论-闲言轻博客</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" th:href="@{/layui/css/layui.css}">
	<link rel="stylesheet" th:href="@{/css/mian.css}">

	<link th:href="@{/css/github-markdown.min.css}" rel="stylesheet">
	<link th:href="@{/css/monokai_sublime.min.css}" rel="stylesheet">
	<script th:src="@{/css/highlight.min.js}"></script>
	<script >hljs.initHighlightingOnLoad();</script>
</head>
<body class="lay-blog">

<!--引入header-->
<div th:replace="/include/header::header"></div>
	<div class="container-wrap">
		<!--layui的面包屑-->
			<div class="wrap_breadcrumb">
				<span class="layui-breadcrumb">
				  <a href="/index" class="layui-breadcrumb_title">博客</a>
				  <a href="#" th:text="${art.title}"></a>
				</span>
				<hr/>
			</div>
		<!--layui的面包屑-->	
			<div class="container container-message container-details container_details">
					<div class="contar-wrap article-main">
						<div class="item">
							<div class="item-box  layer-photos-demo1 layer-photos-demo">
								<h3><a href="#" th:text="${art.title}"></a></h3>
								<!--文章内容的标签-->
								<div class = "item_tag">
									<div class="shadowtag shadow_blue"  th:if="${art.original} eq false">
									    原创
										<div class="cornertag corner_blue"></div>
									</div>
									<div class="shadowtag shadow_red"  th:if="${art.original} eq true">
										转载
										<div class="cornertag corner_red"></div>
									</div>
									<span class="layui-breadcrumb" >
										  <span>发布于：<i th:text="${#dates.format(art.createTime, 'yyyy-MM-dd')}">2018-08-02</i></span><i class="breadcrumb_gourp"></i>
										  <span th:text="${art.type.name}"></span><i class="breadcrumb_gourp"></i>
										  <span>浏览(<i th:text="${art.lookNum}">10000+</i>)</span><i class="breadcrumb_gourp breadcrumb_end"></i>
										  <span class="breadcrumb_end">评论(<i>10W+</i>)</span>
									</span>
								</div>
								<!--文章内容的标签-->
								<h2 class="artcle_h2_zhaiyao">文章摘要</h2>
								<div class="datails_article_des">
									<div class="article_des_lead" th:text="${art.description}">

									</div>
								</div>
								<!--网站内容部分-->
									<div class="article_content markdown-body" th:utext="${art.content}">

									</div>
								<!--网站内容部分-->
								
								<!--文章底部-->
								<div class="arict_copy">	
									<div class="article_copy_title">文章标题:<a href="#" th:text="${art.title}"></a></div>
									<div class="article_copy_title">转载请务必注明出处，欢迎分享!</div>
								</div>
								<div class="count layui-clear">
									<span class="pull-left">阅读 <em th:text="${art.lookNum}"></em></span>
									<span class="pull-right like"><i class="layui-icon layui-icon-praise"></i><em th:text="${art.likeNum}">999</em></span>
								</div>
								<!--文章底部---->
							</div>
						</div>	
						<a name="comment"> </a>
						<div class="comt layui-clear">
							<a href="javascript:;" class="pull-left">评论</a>
							<a href="comment.html" class="pull-right">写评论</a>
						</div>
						<div id="LAY-msg-box">
							<div class="info-item">
								<img class="info-img" th:src="@{/images/info-img.png}" alt="">
								<div class="info-text">
									<p class="title count">
										<span class="name">一片空白</span>
										<span class="info-img like"><i class="layui-icon layui-icon-praise"></i>5.8万</span>
									</p>
									<p class="info-intr">父爱如山，不善表达。回想十多年前，总记得父亲有个宽厚的肩膀，小小的自己跨坐在上面，越过人山人海去看更广阔的天空，那个时候期望自己有一双翅膀，能够像鸟儿一样飞得高，看得远。虽然父亲有时会和自己开玩笑，但在做错事的时候会受到严厉的训斥。父亲有双粗糙的大手掌。</p>
								</div>
							</div>	
							<div class="info-item">
								<img class="info-img" th:src="@{/images/info-img.png}" alt="">
								<div class="info-text">
									<p class="title count">
										<span class="name">一片空白</span>
										<span class="info-img like"><i class="layui-icon layui-icon-praise"></i>5.8万</span>
									</p>
									<p class="info-intr">父爱如山，不善表达。回想十多年前，总记得父亲有个宽厚的肩膀，小小的自己跨坐在上面，越过人山人海去看更广阔的天空，那个时候期望自己有一双翅膀，能够像鸟儿一样飞得高，看得远。虽然父亲有时会和自己开玩笑，但在做错事的时候会受到严厉的训斥。父亲有双粗糙的大手掌。</p>
								</div>
							</div>			
						</div>
					</div>
			</div>
			<!--右侧导航部分-->
				<div class="container_right">
					<!-- 自我介紹-->
					<div th:replace="/include/Mydes::Mydes"></div>
					<!-- 自我介紹-->
					<!--tag -->
					<div th:replace="/include/tag::tag"></div>
					<!--tag -->
					<!--文章列表分类-->
					<div th:replace="/include/typeTab::typeTab"></div>
					<!--文章列表分类-->
				</div>
		</div>
<!--footer-->
<div th:replace="/include/footer::footer"></div>
<!--footer-->
		<script th:src="@{/layui/layui.js}"></script>
		<script th:src="@{/js/blog.js}"></script>

    </body>
    </html>